<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单上传文件 必须写enctype属性   -->
    <!-- <form action="" method="get" enctype="multipart/form-data">

    </form> -->
    <script>
        // 告诉服务器数据的类型
        //xhr.setRequestHeader(key,value)
        // key content-type
        // 值如下:
        //application/x-www-form-urlencoded  查询字符串 
        // application/json     json字符串
        // multipart/form-data  二进制流字符串   传输文件图片视频 需要这个 
        // 2

        // const xhr = new XMLHttpRequest();

        // xhr.open('get','http://localhost:8080/test/second',true);

        // xhr.onreadystatechange = function(){
        //     if(xhr.readyState === 4){
        //         if(xhr.status === 200){
        //             console.log(JSON.parse(xhr.responseText).age,JSON.parse(xhr.responseText).message);
        //         }
        //     }
        // }
        // xhr.send();

        // 3
        // const xhr = new XMLHttpRequest();

        // xhr.open('get','http://localhost:8080/test/third?name=zhangsan&age=19',true);

        // xhr.onreadystatechange = function(){
        //     if(xhr.readyState === 4){
        //         if(xhr.status === 200){
        //             console.log(JSON.parse(xhr.responseText).info.msg,JSON.parse(xhr.responseText).message);
        //         }
        //     }
        // }
        // xhr.send();


        const xhr = new XMLHttpRequest();

        xhr.open('post','http://localhost:8080/test/fourth',true);

        xhr.onreadystatechange = function(){
            if(xhr.readyState === 4){
                if(xhr.status === 200){
                    console.log(JSON.parse(xhr.responseText).info.msg,JSON.parse(xhr.responseText).message);
                }
            }
        }
        // 告诉服务器 传过去的是application/x-www-form-urlencoded
        // xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

        // xhr.send('name=李四&age=27');
        // xhr.setRequestHeader('Content-type','application/json');

        // xhr.send('{"name":"张三","age":20}');




    </script>
</body>
</html>